<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="TUNA">
    <!--<link rel="shortcut icon" href="/static/img/favicon.png">-->
    <title>开源软件镜像收录</title>
    <link rel="stylesheet" href="static/css/bootstrap.css">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap-select/1.11.2/css/bootstrap-select.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="static/css/style.css">
    <link href="https://cdn.bootcss.com/spinkit/1.2.5/spinkit.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-select/1.11.2/js/bootstrap-select.min.js"></script>
    <script src="https://cdn.bootcss.com/vue/2.0.5/vue.min.js"></script>
    <script src="static/js/markup.min.js"></script>
    <script src="https://cdn.bootcss.com/webfont/1.5.18/webfontloader.js"></script>
</head>
<body>
<div class="navbar navbar-default" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">
                <!--<img src="/static/img/logo-small.png" srcset="/static/img/logo-small.png 1x, /static/img/logo-small@2x.png 2x, /static/img/logo-small@3x.png 3x, /static/img/logo-small@4x.png 4x" alt=""/> -->
                开源软件镜像收录(注意:本站仅为个人性质的各大开源软件的国内镜像信息收录的站点)
            </a>
        </div>
    </div>
</div>


<div id="mirrors">
    <div class="spacing hidden-xs"></div>

    <div class="container">
        <div class="row">

            <div class="col-md-8 table-responsive" id="mirror-list">
                <h3><span class="fa fa-cube"></span> 镜像列表 </h3>
                <table class="table" v-if="mirrorList.length">
                    <thead>
                    <tr class="row">
                        <th class="col-sm-8">Name</th>
                        <th class="col-sm-4">Last Update</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="mir in mirrorList" :class="['row', 'status-'+mir.status]">
                        <template v-if="mir.is_master">
                            <td class="col-md-8">
                                <a class="mirror-item-label" data-toggle="popover" data-trigger="hover"
                                   data-placement="right"
                                   :data-content="mir.description" :href="getURL(mir)">
                                    {{mir.name}}
                                    <span class="label label-new" v-if='mir.is_new'>new</span>
                                    <a v-if='mir.help_url' :href="mir.help_url"><i class="fa fa-question-circle"
                                                                                   title="Help"></i></a>
                                </a>
                            </td>
                            <td class="col-md-4">
                                {{mir.last_update}}<span v-if="mir.show_status"
                                                         :class="['label', 'label-status', mir.label, 'hidden-xs']">{{mir.status}}</span>
                            </td>
                        </template>
                    </tr>
                    </tbody>
                </table>
                <div v-else class="sk-wave">
                    <div class="sk-rect sk-rect1"></div>
                    <div class="sk-rect sk-rect2"></div>
                    <div class="sk-rect sk-rect3"></div>
                    <div class="sk-rect sk-rect4"></div>
                    <div class="sk-rect sk-rect5"></div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="spacing hidden-xs"></div>
                <div id="wizard">
                </div>
                <div id="download-link">
                    <h4><span class="fa fa-file-archive-o"></span> 下载链接 </h4>
                    <p>常用发行版 iso 和应用工具安装包直接下载</p>
                    <button type="button" class="btn btn-info" data-toggle="modal" data-target="#isoModal">
                        获取下载链接
                    </button>
                </div>

                <div>
                    <h4><span class="fa fa-external-link"></span> 相关链接 </h4>
                    <ul>
                        <li><a href="https://mirrors.tuna.tsinghua.edu.cn/" target="_blank">清华大学开源软件镜像站</a></li>
                        <li><a href="https://mirrors.huaweicloud.com/" target="_blank">华为开源镜像站</a></li>
                        <li><a href="https://mirrors.tuna.tsinghua.edu.cn/help/" target="_blank">使用帮助</a></li>
                        <li><a href="https://github.com/tuna/mirror-web" target="_blank">清华大学开源软件镜像站网页源码</a></li>
                        <li><a href="https://github.com/tuna/tunasync" target="_blank">清华大学开源软件镜像站镜像管理器源码</a></li>
                        <li><a href="https://github.com/tuna/tunasync-scripts" target="_blank">清华大学开源软件镜像站自定义镜像脚本</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div><!--/container -->
</div><!--/mirrors -->

<script>
    // WebFont.load({
    // 	custom: {
    // 		families: ['Lato']
    // 	}
    // });
</script>

<!-- iso download wizard modal -->
<!-- Modal -->

<div class="modal fade" id="isoModal" tabindex="-1" role="dialog" aria-labelledby="isoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="isoModalLabel">获取安装镜像</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <ul class="nav nav-tabs">
                            <li role="presentation" :class="[curCategory === 'os' ? 'active' : '']"
                                @click="switchCategory('os')"><a href="#">操作系统</a></li>
                            <li role="presentation" :class="[curCategory === 'app' ? 'active' : '']"
                                @click="switchCategory('app')"><a href="#">应用软件</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <ul class="nav nav-pills nav-stacked">
                            <li v-for="distro in curDistroList"
                                :class="[selected.distro == distro.distro ? 'active' : '']">
                                <a href="#" @click="switchDistro(distro)">{{ distro.distro }}</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-9">
                        <h3>{{selected.distro}}</h3>
                        <ul>
                            <template v-for="url in selected.urls">
                                <li><a :href="url.url">{{url.name}}</a></li>
                            </template>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div><!-- /iso download wizard modal -->


</body>


<script src="static/js/index.js"></script>
<!--<script src="static/js/browser-update.js"></script>-->
</html>
<!--
	vim: ts=2 sts=2 sw=2 noexpandtab
-->
